/* CSS Document */
@charset "utf-8";
*{ margin:0; padding:0;}
body{margin:0;padding:0;font-size:14px;line-height:24px;font-family:"Microsoft YaHei";-webkit-text-size-adjust:none;}
a{color:#333;text-decoration:none;}
a:hover{color:#474F57;}
.clear {CLEAR: both}
.folat_left{ float:left}
.folat_right{ float:right}
.clearfix:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;}
.clearfix{display:block;}
.swidth{ width:1200px; margin:0 auto; min-width:1200px;}
ul li{ list-style:none;}
.mt10{ margin-top:10px;}
.mt30{ margin-top:30px;}
.mt50{ margin-top:50px;}



.main{ width:100%; margin:0 auto;}
.imain{width:1200px; margin:30px auto;}
.left{ float:left; width:300px; margin-bottom: 30px; }
.right{float:right; width:860px;}

.title1{width:300px; background:#1696c5; height:50px; border-bottom:1px solid #ddd;}
.title1 h3{ font-size:18px; color:#fff; font-weight:bold; text-align:left;  padding-left:30px; line-height:50px;} 
.title1 span{font-size:12px; color:#fff;text-align:left;  padding-left:30px; text-transform:Uppercase;}

.title12{background:#1696c5; height:48px;}
.title12 h3{ font-size:18px; color:#fff; font-weight:bold; text-align:left;  padding-left:30px; padding-top:15px;} 

.title3{ height:50px; color:#333; font-size:18px; font-family:"Microsoft YaHei";  line-height:50px; margin-bottom:10px; border-bottom:1px solid #1696c5; border-top:1px solid #1696c5;}
.title3 .loc{float:right;font-size:14px;font-family:"Microsoft YaHei"; color:#333; margin-right:20px; line-height:50px; }
.title3 span{display:block; min-width:150px; color:#333; text-align:left; font-family:"Microsoft Yahei"; padding-left:25px;}

.title4{ width:100%; text-align:center; height:20px; font-size:18px; margin-top:15px; margin-bottom:15px; font-family:"Microsoft Yahei"; color:#1696c5; }

.chanpin{width:1000px; margin:30px auto 0;}
.product{width:220px; float:left;}
.iprofenlei{color:#333; width:847px; margin:30px auto 0; height:24px; line-height:24px; border-left:1px #dedede solid;}
.iprofenlei a{ float:left; color:#333; padding:0px; font-size:14px; width:120px; text-align:center; border-right:1px #dedede solid;}
.iprofenlei a:hover{ text-decoration:underline; color:#1696c5;}
.iprofenlei a.tabactive {position:relative;}

.fl {background:#fff; border-left:2px #bbbbbb solid; border-right:2px #bbbbbb solid; border-bottom:8px #004986 solid;}
.fl DL {LIST-STYLE-TYPE: none; width:212px; position:relative; z-index:30; margin-bottom:3px;}
.fl DT {HEIGHT:45px; border-bottom:1px #dddddd solid; background:url(../images/san.jpg) 22px center no-repeat;}
.fl DT A {TEXT-ALIGN: left; LINE-HEIGHT: 45px; DISPLAY: block; COLOR: #333; font-size:14px; padding-left:50px;}
.fl DT A:visited {COLOR: #333;}
.fl DT a:hover {color:#1696c5;}

.fl2 {background:#fff; border-left:2px #1696c5 solid; border-right:2px #1696c5 solid; padding-bottom:10px;}
.fl2 ul {LIST-STYLE-TYPE: none; width:296px; position:relative; z-index:30;}
.fl2 ul li {line-HEIGHT:40px; background:url(../images/san.jpg) 22px center no-repeat;}
.fl2 ul li A {TEXT-ALIGN: left; LINE-HEIGHT: 40px; DISPLAY: block; COLOR: #fff; font-size:14px; padding-left:35px;  border-bottom:1px #dddddd solid; font-size:16px; background:#1696c5}
.fl2 ul li A:visited {COLOR: #fff;}
.fl2 ul li A:hover{background: #153874;}

.proclass li a{TEXT-ALIGN: left; LINE-HEIGHT: 40px; DISPLAY: block; COLOR: #333 !important; font-size:14px; padding-left:65px !important;  border-bottom:1px #dddddd solid; font-size:14px !important; background:#fff !important}
.proclass li a:hover{ color:#1696c5 !important}
.iprolist{width:720px; float:right; border:1px solid #cccccc; padding-top:13px; padding-right:20px;}
.iprolist ul li {MARGIN: 0px 0px 0px 20px; width:260px;  FLOAT: left;}
.iprolist ul li H2 {WIDTH: 260px; HEIGHT: 200px; text-align:center; display: table-cell;vertical-align:middle; border:1px solid #ccc;}
.iprolist ul li p {width:260px;text-align:center; height:41px; line-height:41px;}
.iprolist ul li p A {text-decoration:none; text-align:center; font-size:14px; display:block; COLOR: #333}
.iprolist ul li p A:visited {COLOR: #333}
.iprolist ul lip A:hover {color:#1696c5;}
.iprolist ul li p span{ float:left; color:#fff;}
.iprolist ul li img{ max-width:260px;  max-height:200px; vertical-align:middle; }


.content{padding:10px 10px 20px 10px ; font-size:14px;}
.content p{ line-height:28px;}
.prolist {float:left;}
.prolist ul li {MARGIN: 0px 5px 10px 10px; WIDTH:260px; FLOAT: left; }
.prolist ul li H2 {MARGIN: 0px auto; WIDTH: 260px; HEIGHT: 170px; border:1px #d0d0d0 solid; padding:1px;}
.prolist ul li H2 A {WIDTH:260px; DISPLAY: block; HEIGHT:170px; display: table-cell;text-align: center;
    vertical-align: middle;}
	
.provimg{ text-align:center}	
.prolist ul li H2 IMG {VERTICAL-ALIGN: middle; max-height:170px; max-width:260px;}
.prolist ul li H3 {TEXT-ALIGN: center; LINE-HEIGHT: 30px; DISPLAY: block; COLOR: #666; FONT-SIZE: 12px; height:30px}
.prolist ul li H3 A {LINE-HEIGHT:30px; COLOR: #666; FONT-SIZE: 12px; FONT-WEIGHT: normal; font-family:"Microsoft Yahei";}
.prolist ul li H3 A:visited {COLOR: #666}
.prolist ul li H3 A:hover {COLOR: #1696c5;}

.proinfo{ width:100%; height:250px;}
.proinfo_img{ float:left; width:300px; height:250px; border:1px #d0d0d0 solid;}
.proinfo_text{ width:860px; margin-top:10px; margin-bottom:30px;  border-bottom:1px #ccc solid;}
.proinfo_text h3{ color:#1696c5;  font-size:24px; font-weight:bold; line-height:24px; font-family:"Microsoft YaHei"; text-align:center;}
.proinfo_text p{ margin:10px 0; color:#666; font-family:"Microsoft Yahei"; text-align:center;}
.pro_c{ width:860px; color:#666; margin-top:30px; padding-bottom:20px; border-top:1px #ccc solid; padding-top:18px;}

.news_list{ width:100%;}
.news_list li{ background:url(../images/dian.jpg) 7px center no-repeat; border-bottom:1px #cbcbcb dotted; line-height:30px; margin-top:8px;}
.news_list li a{color:#333; line-height:30px; padding-left:20px; display:block; font-family:"Microsoft Yahei";}
.news_list li a:hover{ color:#1696c5}
.news_list li a span{ float:right;}

.preNext{position:relative;background:url(../images/news_con.jpg) left top no-repeat; padding-top:10px; margin-top:10px;}
.preNext .line{height:10px;overflow:hidden;clear:both;margin:4px auto;padding-top:10px;}
.preNext .line strong{display:block;width:8px;height:10px;overflow:hidden;font-size:0px;line-height:100px;float:left;}
.preNext .text{color:#999;}
.preNext .text a:hover{color:#1696c5; text-decoration:underline;}


.page_info{text-align:center;margin-top:10px;color:#aaa;}
.page_info span{padding:0 2px;font-weight:bold;}
.page_list{height:20px;line-height:20px;text-align:center;letter-spacing:0;;font-size:12px;margin-top:20px; border:none !important;position: relative;}
.page_list a{display:inline-block;color:#aaa;border:1px solid #aaa;background:#fff;text-align:center;margin:0 1px; width:auto; height:20px; padding:0px 6px;font-family:"Microsoft Yahei";}
.page_list ul li a:hover{color:#fff;border:1px solid #ccc; background:#FAD12C;}
.page_list ul li a.on{color:#fff;border:1px solid #ccc; background:#c41414;}
.page_list ul li.active a{color:#fff;border:1px solid #ccc; background:#1696c5;}
.pagination li{float:left;}
.preNext{position:relative;background:url(../images/news_con.jpg) left top no-repeat; padding-top:10px; margin-top:10px;}
.preNext .line{height:10px;overflow:hidden;clear:both;margin:4px auto;padding-top:10px;}
.preNext .line strong{display:block;width:8px;height:10px;overflow:hidden;font-size:0px;line-height:100px;float:left;}
.preNext .text{color:#999;}
.preNext .text a:hover{color:#025fbf; text-decoration:underline;}




/***************************************************/



.headbg{ height:60px; width:1200px; margin:20px auto; min-width:1200px;}
.bannerbg{ width:100%; height:550px; background:url(../images/banner01.jpg) no-repeat; background-position:center center}
.hmaboutmain{ background:#f5f4f4; width:100%; padding-top:30px; padding-bottom:30px;}
.hmaboutmain h1{ font-size:28px; text-align:center}
.hmaboutmain p{ text-align:center; line-height:40px; color:#999999}
.aboutimg{ width:450px; height:340px; background:url(../images/about.jpg) no-repeat; margin-top: 24px;}
.aboutcontxt{ width:660px; height:300px;}
.aboutcontxt h2{ font-size:20px; color:#666; font-weight:bold; margin-bottom: 30px;}
.aboutcontxt p{ text-align:left; line-height:30px;}
.aboutmore{ width:150px; height:40px; text-align:center; line-height:40px; margin-top:30px;}
.aboutmore a{width:150px; height:40px; display:block; background:#333; color:#fff; font-weight:bold; font-size:14px;}
.aboutmore a:hover{ background:#1696c5;}

.hproabt h1{font-size:28px; text-align:center}
.hproabt p{text-align:center; line-height:40px; color:#999999}
.linebg{ width:60px; height:5px; background:url(../images/title_line.jpg) no-repeat; margin:0 auto}
.cphp{ width:100%; height:80px;}
.cphp li{ width:220px; line-height:45px; font-size:16px;float: left;}
.cphp li a{width:214px; display:block; color:#fff; text-align:center; margin-top:4px; border-left:5px solid #1696c5; border-top:1px solid #ccc;border-bottom:1px solid #ccc;border-right:1px solid #ccc; background:#1696c5; }
.proerji li{ width:220px; line-height:39px;}
.proerji li a{width:214px; display:block; color:#666; text-indent:4em; margin-top:4px; border-left:5px solid #1696c5; border-top:1px solid #ccc;border-bottom:1px solid #ccc;border-right:1px solid #ccc; font-size:14px; background:#fff;}
.proerji li a:hover{ background:#1696c5; color:#fff;}
.cpcpfl{ width:1200px;}
.probgli{ height:55px; background:#1696c5; font-size:18px; color:#fff; text-align:center; line-height:52px; font-weight:bold}
.mpromain{ width:1200px; clear: both;}
.mpromain ul li{ width:288px; float:left; margin-left:10px; height:285px; border:1px solid #ccc; margin-bottom:10px;}
.mpromain ul li:hover{background-color:#fff;
-moz-box-shadow: 2px 2px 2px #ddd; /* 老的 Firefox */
box-shadow: 2px 2px 2px #bbb;}
.mpromainimg{display: table-cell;
    height: 245px;
    text-align: center;
    vertical-align: middle;
    width: 300px;}
.mpromainimg img{max-width:288px; max-height:245px; vertical-align: middle;}
.mpromain ul li p{ line-height:40px; text-align:center; font-weight:bold; color:#444; text-align:center}

/***************图片切换****************/
#owl-demo{position:relative;width:1000px;height:434px;margin:20px auto 0 auto;}
#owl-demo .item{ position:relative;display:block;}
#owl-demo img{display:block;width:1000px;height:434px;}
#owl-demo b{position:absolute;left:0;bottom:0;width:100%;height:78px;background-color:#000;opacity:.5;filter:alpha(opacity=50);}
#owl-demo span{position:absolute;left:0;bottom:37px;width:100%;font:18px/32px "微软雅黑","黑体";color:#fff;text-align:center;}
.owl-pagination{position:absolute;left:0;bottom:10px;width:100%;height:22px;text-align:center;}
.owl-page{display:inline-block;width:10px;height:10px;margin:0 5px;background-image:url(../images/bg15.png);*display:inline;*zoom:1;}
.owl-pagination .active{width:25px;background-image:url(../images/bg16.png);}
.owl-buttons{display:none;}
.owl-buttons div{position:absolute;top:50%;width:40px;height:80px;margin-top:-40px;text-indent:-9999px;}
.owl-prev{left:0;background-image:url(../images/bg17.png);}
.owl-next{right:0;background-image:url(../images/bg18.png);}
.owl-prev:hover{background-image:url(../images/bg19.png);}
.owl-next:hover{background-image:url(../images/bg20.png);}
.sqnewslist li{ line-height:29px; color:#6e6e6e; font-size:14px; width:400px; float:left; }
.sqnewslist li a{ color:#6e6e6e; float:left}
.sqnewslist li a:hover{ color:#1696c5}
.sqnewslist li span{ float:right; padding-right:50px;}
.zstongl{ height:160px; background:#ecab13; width:100%; margin-top:50px;}

.ftmain{ width:100%; height:210px; background:#1696c5; margin-top:20px; font-size:14px;}
.ftcontact{ height:130px; width:620px; margin-top:20px; color:#fff;}
.ftcontact p{ padding-left:20px; line-height:30px; float:left; width:280px;}
.ftwxbg{ width:140px; height:160px; background:url(../images/wxftbg.png) no-repeat; margin-top:20px;}
.ftwxbg1{ width:140px; height:160px; background:url(../images/wxftbg1.png) no-repeat; margin-top:20px; margin-left:30px;}
.ftproclass{ width:230px; margin-top:20px;}
.ftproclass p{ line-height:30px; font-size:14px; text-align:center}
.ftproclass p a{ color:#fff;}
.fttxt{ height:40px; line-height:40px; text-align:center; color:#fff; width:100%; background:#078aba}
.fttxt a{color:#fff}
.ftconlink{ width:1200px; margin:30px auto; font-size:14px;}
.ftlink li{height:35px; float:left;padding-right:10px;}
.conTitle{ overflow:hidden; font-size:15px; height:35px; line-height:35px; border-bottom:2px solid #1696c5;} 
.conTitle p {float:left; color:#222;}
.ftnavo li{ width:100px; line-height:30px; text-align:center; float:left;}
.ftnavo li a{ color:#fff;}
.lmtxt{ width:1200px; height:160px;  margin:0 auto}
.lmtxto{ font-size:24px; color:#fff; line-height:160px; font-weight:bold}
.lmqig{ width:150px; border:2px solid #fff; line-height:40px; text-align:center; height:40px; margin-top:60px;}
.lmqig a{ color:#fff; font-size:16px; font-weight:bold;width:150px; height:40px; display:block}
.lmqig a:hover{ background:#1696c5; color:#fff;}

.lx2{border: 2px solid #1696c5;
    padding: 20px;}